<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html中的列表</title>
    <style>  
        table {  
            /* 给table 标签加样式*/  
            border-collapse: collapse; /* 边框合并*/  
            border: 1px solid red; /* 表格的外边框*/
        }  
        th, td {  
            /* 给th、td标签加样式*/  
            border: 1px solid red; /* 单元格边框*/
        }  
    </style>
</head>
<body>
    <!--
        列表
            有序列表：ol   ordered list
               列表中的一个项：li
            无序列表：ul   unordered list
            定义列表：dl   definition list
               定义名词：dt  definition term
               名词的解释：dd  definition description

         表格  table
            标题： caption
            表头：th  table header
            行：tr  table row
            单元格：td   table data cell
    -->

    <table>
        <caption>我的通讯录</caption>
        <tr>
            <th>姓名</th>
            <th>电话号码</th>
            <th>家庭住址</th>
        </tr>
        <tr>
            <td>小花</td>
            <td>18012345678</td>
            <td>西安未央区</td>
        </tr>
        <tr>
            <td>小白</td>
            <td>13012345678</td>
            <td>西安高新区</td>
        </tr>
        <tr>
            <td>小美</td>
            <td>18112345678</td>
            <td>西安雁塔区</td>
        </tr>
    </table>








    <h2>中国的城市</h2>
    <ol>
        <li>北京</li><li>天津</li><li>西安</li>
    </ol>
    <ul>
        <li>北京</li><li>天津</li><li>西安</li>
    </ul>
    <dl>
        <dt>北京</dt>
        <dd>中国的首都</dd>
        <dt>上海</dt>
        <dd>中国的金融中心</dd>
        <dt>深圳</dt>
        <dd>中国的经济中心</dd>
    </dl>
</body>
</html>